import React, { Component, PureComponent } from "react";

// 纯组件的方式只能做浅层的对比
export default class App extends PureComponent {
  state = {
    number: 0,
  };
  // 点击事件，每次点击生成一个随机数
  hanldeBtn = () => {
    this.setState({
      number: Math.floor(Math.random() * 3),
    });
  };
  // 将要更新UI的时候会执行这个钩子函数
  // shouldComponentUpdate(nextProps, nextState) {
  //   // 判断一下当前生成的 值是否与页面的值相等
  //   if (nextState.number !== this.state.number) {
  //     return true;
  //   }
  //   return false;
  // }
  render() {
    console.log(this.state.number);
    return (
      <div>
        随机数：{this.state.number} <br />
        <button onClick={this.hanldeBtn}>生成随机数</button>
      </div>
    );
  }
}
